import React from 'react';

const footer = ({ activeNum, deleteChecked }) => {
    return (<div style={{width:'300px',height:'50px',display:'flex',justifyContent:'space-around',alignItems:'center',border:'1px solid #ccc',marginTop:'10px',borderRadius:'3px'}}>
        <span>{activeNum}item</span>
        <span onClick={deleteChecked} style={{cursor:'pointer'}}>delete completed</span>
    </div>)
}

export default footer;